<template>
    <div>
        <h3>登录页面</h3>
        <div>
            账号:
            <input type="text" v-model="name">
        </div>
        <div>
            密码:
            <input type="text" v-model="pass">
        </div>
        <button @click="login">登录</button>
    </div>
</template>

<script>
// 导入axios 模块
import  axios from  "axios";

import  { _login } from  "../../request/api.js";
export default {
        data(){
            return {
                name:"",
                pass:""
            }
        },
        methods:{
            login(){
                // 1.获取参数
                var name = this.name;
                var pass = this.pass;
                _login(name,pass).then(res=>{
                    console.log(res);
                })


                // 2.请求接口，进行登录验证
                // axios.post("/api/login",{
                //     name,pass
                // }).then(res=>{
                //     console.log(res);
                //     if(res.data.isok){
                //         alert('登录成功')
                //         this.$router.replace("/home")
                //     }else{
                //         alert('账号或密码错误')
                //     }
                // })
                // axios.get()
                // axios({
                //     method:"post",
                //     data:{name,pass},
                //     url:"/api/login",
                // }).then(res=>{
                //     console.log(res);
                // })
            }
        }
    }
</script>

<style  scoped>

</style>